{volist name="tasks" id="task" key="task_index"}
    {if $task.category_type == "ing"}
    <li style="margin-bottom: 10px">
            <div class="task-list-wrap" style="border-bottom: 1px solid #ff8788;">
                <div class="lines-top" >
                        <div class="task-line-top">
                           <span class="task-status">
                               [{if $task.category_type == "past"}
                                            暂停中
                                            {/if}
                                            {if $task.category_type == "complete"}
                                            已下架
                                            {/if}
                                            {if $task.category_type == "wait"}
                                            待审核
                                            {/if}
                                            {if $task.category_type == "nopass"}
                                            未通过审核
                                            {/if}
                                            {if $task.category_type == "ing"}
                                            进行中
                                            {/if}]
                           </span>
                            <b><a href="/home/task/detail/id/{$task['id']}.html" style="padding: 0;border: 0;margin: 0;width: auto; float: left"><span class="task-title">[{$task['id']}] {$task['title']}</span></a></b>
                        </div>
                        <div class="line-task-down">
                            赏金： {$task['unit_price']}元，剩余：{$task['ticket_num']-$task['join_num']}份
                        </div>
                        <div class="line-task-down">
                            结束时间：{$task['end_time']}
                        </div>
                </div>
            </div>
    </li>
    {/if}
{/volist}
<style>
    .lines-top{
        width: 100%;
        height: 65px;
    }
    .task-line-top{
        width: 100%;
        height: auto;
        margin-top: 5px;
    }
    span.task-status{
        float: left;
        color: #9bd799;
        font-size: 18px;
    }
    span.task-title{
        float: left;
        color: #294455;
        margin-left: 10px;
        font-size: 18px;
    }
    i.icon{
        margin-left: 5px;
        right: 15px;
        content: '';
        background-image: url("/static/home/mobile/picture/ard.png");
        height: 25px;
        width: 14px;
        display: inline-block;
        position: absolute;
    }
    .line-task-down{
        width: 100%;
        height: auto;
        margin-top: 10px;
        font-size: 1.2rem;
        color: #78797d;
        display: inline-block;
        clear: both;
    }
</style>